<template>
  <h1>{{ state._public.obj }}</h1>
<!--  <h1 @click="t" class="i1">{{ model1 }}</h1>-->
<!--  <h1 @click="tta">{{ model2.a }}</h1>-->
<!--  <h1 @click="ttb">{{ model2.b }}</h1>-->
  <h1>{{}}</h1>
</template>

<script setup lang="ts">
const { proxy }:any = getCurrentInstance()
const configStore = proxy.configStore()
const publicStore = proxy.publicStore()
const state = reactive({
  ...configStore.$state,
  ...publicStore.$state,
})
import { ref } from 'vue'

// defineProps<{ msg: string }>()
//
// const count = ref(0)
// const model1 = defineModel('s1', {
//   type: String,
//   default: "aaa",
// });
// const model2 = defineModel('ss1');
// const t = () => {
//   model1.value++
// }
// const tta = () => {
//   model2.value.a++
// }
// const ttb = () => {
//   model2.value.b++
// }
</script>

<style scoped>
.read-the-docs {
  color: #888;
}
</style>
